import React from 'react';
import Svg, {G, Path, Defs, ClipPath, Rect} from 'react-native-svg';
import {BasicsProps} from './type';

type Props = {
  size: string;
  fill?: string;
} & BasicsProps;

const SearchIcon = ({size, fill = '#333333'}: Props) => {
  return (
    <Svg
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none">
      <G
        id="&#230;&#144;&#156;&#231;&#180;&#162;"
        clip-path="url(#clip0_46_1091)">
        <Path
          id="Ellipse 20"
          d="M13.5838 18.8432C13.0718 18.9461 12.5422 19 12 19C7.58172 19 4 15.4183 4 11C4 6.58172 7.58172 3 12 3C16.4183 3 20 6.58172 20 11C20 13.6776 18.6846 16.0479 16.6647 17.5L20 21"
          stroke={fill}
          stroke-width="1.5"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
      </G>
      <Defs>
        <ClipPath id="clip0_46_1091">
          <Rect width="24" height="24" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};


export default SearchIcon;
